《高性能网站建设指南》阅读笔记_规则10- 精简javascript
发布时间:2013-11-22 浏览:217打印字号:大中小
作用:精简JavaScript可以显著减少Js文件的大小,减少下载时间。
首先我们区分一下精简和混淆,精简只是去掉代码中空白和注释以减小其大小。而混淆会对一些变量函数名进行修改。一般混淆是为了增加反向工程的难度,但是也容易带来错误,一般我们不建议去混淆JavaScript代码。精简和混淆我们都可以借助一些工具来实现。
精简JavaScript代码书中推荐的工具是:JSMin软件,我们使用的AjaxMin也具有同样的效果。
前面我们说过对一个网页进行gzip压缩产生的影响,但精简代码能进一步减小文件。而且压缩和精简配合的效果,同压缩同混淆配合的效果差别不大,所以压缩和精简的配合就成为了减小js文件的优质组合。
对于CSS,精简CSS的潜在节省来自:合并相同的类、移除不使用的类等。但是由于css存在顺序依赖的本质,所以精简css是一个复杂的问题。而且目前还没有合适的工具。所以优质的解决方案还是移除注释和空白,并进行一些直观的优化。如:缩写(用"#606"代替"#660066"),移除不必要的字符串(用"0"代替"0px")。